<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>悦筑</title>
  <link rel="stylesheet" href="assets/css/amazeui.css" />
  <link rel="stylesheet" href="assets/css/css.css" />
</head>
<body>
<div class="layout">
<!--===========layout-header================-->
<div class="header-wrap am-hide-sm-only">
	<div class="wrap-1200">
		<div class="header-logo">
			<img src="assets/images/logo.png" />
		</div>
		<div class="header-menu">
			<a href="#" class="a-on">首页</a>
			<a href="#">必知</a>
			<a href="#">潮流</a>
			<a href="#">品牌</a>
			<i>&nbsp;</i>
			<a href="#">全屋</a>
			<a href="#">客厅</a>
			<a href="#">餐厅</a>
			<a href="#">卧室</a>
			<a href="#">书房</a>
			<a href="#">儿童房</a>
			<a href="#">衣帽间</a>
			<a href="#">阳台</a>
			<a href="#">厨房</a>
		</div>
		<div class="header-other">
			<a href="#">免费报道</a>
		</div>
		<div class="header-search1">
			<a href="#" class="am-icon-search"></a>
		</div>
		<!--div class="header-search2">
			<form id="demo-b">
				<input type="search" placeholder="Search">
			</form>
		</div-->
	</div>

</div>

<!--mobile header start-->
<div class="am-g am-show-sm-only">
  <header data-am-widget="header" class="am-header am-header-default">
	  <div class="am-header-right am-header-nav">
		<a class="am-header-icon am-icon-search"></a>
	  </div>

	  <h1 class="am-header-title">
		  <a href=""><img src="assets/images/logo.png" alt=""></a>
	  </h1>

	  <div class="am-header-left am-header-nav">
		  <a href="#doc-oc-demo1" data-am-offcanvas="{target: '#doc-oc-demo2', effect: 'push'}"><i class="am-menu-toggle-icon am-icon-bars"></i></a>
	  </div>
  </header>

	
	<!-- 侧边栏内容 -->
<div id="doc-oc-demo2" class="am-offcanvas">
	<span class="m-nav-close">×</span>
  <div class="am-offcanvas-bar">
    <div class="am-offcanvas-content">
	  <ul class="am-menu-nav am-avg-sm-1">
			  <li><a href="#" class="" >首页</a></li>
			  <li class=""><a href="#" class="" >必知</a></li>
			  <li class=""><a href="#" class="" >潮流</a></li>
			  <li class=""><a href="#" class="" >订制</a></li>
			  <li class=""><a href="#" class="" >客厅</a></li>
			  <li class=""><a href="#" class="" >餐厅</a></li>
			  <li class=""><a href="#" class="" >卧室</a></li>
			  <li class=""><a href="#" class="" >书房</a></li>
			  <li class=""><a href="#" class="" >儿童房</a></li>
			  <li class=""><a href="#" class="" >衣帽间</a></li>
			  <!--li class="am-parent">
				<a href="" class="nav-icon nav-icon-globe" >更多</a>
				  <ul class="am-menu-sub am-collapse  ">
					  <li><a href="#" >沙发</a></li>
					  <li><a href="#" >床</a></li>
					  <li><a href="#" >床上用品</a></li>
					  <li><a href="#" >书柜</a></li>
					  <li><a href="#" >桌椅</a></li>
					  <li class=""><a href="#" >照明</a></li>
				  </ul>
			  </li-->
		  </ul>
	  </div>
  </div>
</div>

</div>

<!--mobile header end-->
<div class="mag am-hide-sm-only">&nbsp;</div>
<!--===========layout-container================-->

<div class="nav-m am-show-sm-only">
	<a href="#" class="a-on">必知</a>
	<a href="#">潮流</a>
	<a href="#">看展</a>
</div>

<div class="am-g index-page">

  <div class="am-u-md-8">
	<div class="banner-wrap">
		<div data-am-widget="slider" class="am-slider am-slider-b2 am-hide-sm-only" data-am-slider='{&quot;controlNav&quot;:false}'>
		  <ul class="am-slides">
			  <li><img src="assets/images/banner.jpg" /></li>
			  <li><img src="assets/images/banner.jpg" /></li>
			  <li><img src="assets/images/banner.jpg" /></li>
		  </ul>
		</div>
	</div>

	<div class="mag am-hide-sm-only">&nbsp;</div>

	<div class="news-list-wrap">
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
		<div class="news-list-info">
			<a href="#">
			<img src="assets/images/pic_1.jpg" />
			客厅背景墙泛指位于客厅中央的装饰画<br />
			<span>背景墙装修三分钟快速了解</span>
			<label>先少林 最新 家居装修干货</label>
			</a>
		</div>
	</div>

	<ul class="am-pagination am-pagination-centered am-hide-sm-only">
	  <li class="am-disabled"><a href="#">&laquo;</a></li>
	  <li class="am-active"><a href="#">1</a></li>
	  <li><a href="#">2</a></li>
	  <li><a href="#">3</a></li>
	  <li><a href="#">4</a></li>
	  <li><a href="#">5</a></li>
	  <li><a href="#">&raquo;</a></li>
	  共 1000 页
	</ul>

	<ul class="am-pagination am-show-sm-only" style="margin:5%;">
	  <li class="am-pagination-prev"><a href="">&laquo; Prev</a></li>
	  <li class="am-pagination-next"><a href="">Next &raquo;</a></li>
	</ul>

  </div>

  <div class="news-right pd0 am-hide-sm-only">
	<div class="news-recommend-pic ">
		<span>精品文章推荐</span>
		<img src="assets/images/pic_1.jpg" />
	</div>

	<div class="mag">&nbsp;</div>

	<div class="news-title ">
		<h3>精品文章推荐</h3>
	</div>
	<div class="news-recommend">
		<ul>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
		</ul>
		<a href="#" class="a-more">查看更多</a>
	</div>
	<div class="mag">&nbsp;</div>
	
	<div class="news-title ">
		<h3>热门文章</h3>
	</div>
	<div class="news-recommend-pic ">
		<span>精品文章推荐</span>
		<img src="assets/images/pic_1.jpg" />
	</div>
	<div class="news-recommend-pic ">
		<span>精品文章推荐</span>
		<img src="assets/images/pic_1.jpg" />
	</div>
	<div class="news-recommend">
		<ul>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
			<li>
				<a href="#">精品文章推荐精品文章推荐精品文章推荐精</a><br />
				<span>2分钟前</span>
			</li>
		</ul>
	</div>

  </div>     
</div>


<div class="mag">&nbsp;</div>

<!--===========layout-footer================-->
<div class="layout-footer am-hide-sm-only">
	<div class="footer-info">
		<div class="wrap-1200">
			<div class="footer-tips">
				<h2>悦筑精品服务</h2>
				<div>
					<img src="assets/images/pic_logo.jpg" />
					邻居一起买 <label>小程序</label><br />
					<span>社区大团购，邻居一起买</span>
				</div>
				<div>
					<img src="assets/images/pic_logo.jpg" style="border-radius:100px;" />
					邻居一起买 <label>公众号</label><br />
					<span>最全的家居达人指南</span>
				</div>
			</div>
			<div class="footer-nav">
				<h2>列表导航</h2>
				<a href="#">必知</a>
				<a href="#">潮流</a>
				<a href="#">订制</a>
				<a href="#">空间</a>
				<a href="#">单品</a>
			</div>
			<div class="footer-code">
				<h2>关注邻居一起买</h2>
				<img src="assets/images/pic_ewm.jpg" /><br />
				你就是家居达人
			</div>
		</div>
	</div>
</div>
<div class="am-g am-show-sm-only">
	<div class="m-footer-info">
		<div class="m-footer-tips">
			<h2>悦筑精品服务</h2>
			<div>
				<img src="assets/images/pic_logo.jpg" />
				邻居一起买 <label>小程序</label><br />
				<span>社区大团购邻居一起买</span>
			</div>
			<div>
				<img src="assets/images/pic_logo.jpg" style="border-radius:100px;" />
				邻居一起买 <label>公众号</label><br />
				<span>最全的家居达人指南</span>
			</div>
		</div>
		<div class="m-footer-nav">
			<h2>列表导航</h2>
			<a href="#">必知</a>
			<a href="#">潮流</a>
			<a href="#">订制</a>
			<a href="#">空间</a>
			<a href="#">单品</a>
		</div>
	</div>
</div>

<script src="assets/js/jquery-2.1.0.js" charset="utf-8"></script>
<script src="assets/js/amazeui.js" charset="utf-8"></script>
<script src="assets/js/common.js" charset="utf-8"></script>
</body>
</html>